﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="GoShopping.Search" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Content/css/Search.css" rel="stylesheet" />
    <script src="Content/js/vue.js"></script>
    <script src="Content/js/jquery-1.10.2.min.js"></script>
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container-main">
            <!--灰色导航栏-->
            <div class="breadcrumbs">
                 <div class="container-nav wrap" style="text-align:left">
                    <a href="Index.aspx">首页</a>
                    <span>>>全部结果</span>
                 </div>
            </div>
            <!--白色导航栏-->
            <div class="search-filter">
                <div class="wrap filter-list">
                    <ul>
                        <li style="margin-right:20px">分类：</li>
                        <li @click="sortAc"><a>价格从低到高</a></li>
                        <li @click="sortDesc"><a>价格从高到低</a></li>
                    </ul>
                </div>
            </div>

            <div class="search-result">
                <div class="goods-list-box">
                    
                    <div class="good-items" v-for="item in this.goodsXinxi.slice(fenye*pageSize-pageSize,fenye*pageSize)">
                        <a :href="`GoodsDetail.aspx?GoodsID=${item.GoodsID}`">
                            <div class="figure-img">
                                <img :src="item.GoodsPic"/>
                            </div>
                            <h2 class="title" style="text-align:center">{{item.GoodsName}}</h2>
                            <p class="price">￥{{item.GoodsPrice}}</p>
                            <div class="flags">{{item.GoodsDesc}}</div>
                        </a>
                    </div>

                </div>
            </div>
            <!--分页器-->
<div>
    <el-pagination
     :page-size="pageSize"
     background
     :total="total"
     layout="total,prev,pager, next,jumper"
     @current-change="handleCurrentChange"

 >
</el-pagination>
</div>
 <!--分页器-->
        </div>
</asp:Content>
